<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>TYPE-MOON</title>	
	<link rel="stylesheet" href="css/style.css">	
</head>
<body>
<div class="content">
    <div class="header">
        <div class="logo"><a href="#"><img class=pic src="images/type-moon.png"></a></div>
        <div class="nav">
            <ul>
               <li><a href="index.html">首页</a></li>
               <li><a href="j.html">简介</a></li>
               <li><a href="zuopin.html">作品</a></li>
               <li><a href="xinwen.html">新闻</a></li>
               <li><a href="liuyan.html">留言板</a></li>
            </ul>
        </div>
    </div>
    <div class="lunbo">   
        <div class="flashbox">
            <div id=SwitchBigPic>
                <div><a href="#"><img class="pic" src="images/01.jpg"></a></div>
				<div><a href="#"><img class="pic" src="images/02.jpg"></a></div>
                <div><a href="#"><img class="pic" src="images/03.jpg"></a></div>
				<div><a href="#"><img class="pic" src="images/04.jpg"></a></div>
                <div><a href="#"><img class="pic" src="images/05.jpg"></a></div>                           
            </div>
            <ul id=SwitchNav>
                <li><a href="#"><img src="images/01.jpg"><b>《空之境界》</b></a> </li>
                <li><a href="#"><img src="images/02.jpg"><b>《月姬》 </b></a> </li>
                <li><a href="#"><img src="images/03.jpg"><b>《Fate/stay night》</b></a> </li>
                <li><a href="#"><img src="images/04.jpg"><b>《Fate/Zero》</b></a> </li>
                <li><a href="#"><img src="images/05.jpg"><b>《Fate/hollow ataraxia》</b></a> </li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="tuijian">
        	<div class="title">新作推荐 </div>
			<ul>
            	<li><a href="#"><img src="images/t1.jpg"><p>《Fate/Prototype》</p></a></li>
                <li><a href="#"><img src="images/t2.jpg"><p>《Fate/kaleid liner 魔法少女☆伊莉雅》</p></a></li>
                <li><a href="#"><img src="images/t3.jpg"><p>《Fate/strange fake》</p></a></li>
            </ul>
        </div>
        <div class="share">
        	<div class="title">分享到 <a  href="#"><img class=pic src="images/share.png" ></a></div>
            <p>QQ：3329537716</p>
            <p>E-mail:3329537716@qq.com</p>
        </div>
    </div>
  <div class="footer">
      <p> 版权所有@TYPE-MOON </p>
      <p> 仅供个人作业，非商用，如侵权请联系删除</p>
  </div>
	  <script src="js/changimages.js" type=text/javascript></script>
      <script src="js/prototype.js" type=text/javascript></script>
      <script>
        var bigswitch = new SwitchPic(
            {
                bigpic:"SwitchBigPic",
                switchnav:"SwitchNav",
                selectstyle:"selected",
                objname:"bigswitch"
            }
        ) ;
        bigswitch.goSwitch(bigswitch,0);
        bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000);
    </script>
</body>
</html>
